<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://eureka.yigolden.net/stringutils/sutaglib/1.0" prefix="su"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<title>问卷列表</title>

  <!-- Bootstrap -->
    <link href="<%=request.getContextPath()%>/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/static/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/static/css/jumbotron.css" rel="stylesheet">
    
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/static/js/html5shiv.min.js"></script>
      <script src="<%=request.getContextPath()%>/static/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
 <jsp:include page="../Common/navHeader.jsp"></jsp:include>

<div class="container">

	  <br>
	  <br>       
      <div class="row">
          <div class="col-lg-3 col-sm-2"></div><!--左侧不用-->
          <div class="col-lg-6 col-sm-8 col-xs-12">
         	<h3 class="text-center">本站全部问卷列表</h3>
         </div><!-- /.col-sm-4 -->
         <div class="col-lg-3 col-sm-2"></div><!--右侧不用-->
      </div>
       
      <br/>
      <br/>   
      
	  <div class="row">
      <div class="col-sm-1"></div><!--左侧不用-->
      
      <div class="col-sm-10 col-xs-12">
	  
	  <c:set var="i" value="0" />
      <c:if test="${questionnaires ne null }">         
  
	  <div class="table-responsive">
	    <table id="userTable" class="table table-hover table-stripped">
		  <tr style="background:aliceblue">
		  	<td>问卷编号</td>
		    <td style="min-width:60px">问卷主题</td>
		    <td>开始时间</td>
		    <td>结束时间</td>
		    <td>当前状态</td>
		  </tr>
		  
		  <c:set var="i" value="0" />
		  <c:forEach var="item" items="${questionnaires}">
		    <c:set var="i" value="${i + 1 }" />
			<tr>
			  <td>${fn:escapeXml(item.id) }</td>
			  <td>
			  <c:if test="${item.status eq 1 }">
			  <a href="<%=request.getContextPath() %>/Questionnaire/FillInQuestionnaire?questionnaireid=${item.id }" target="_blank">${item.subject}</a>
			  </c:if>
			  <c:if test="${item.status eq 0 }">
			  ${item.subject}
			  </c:if>
			  </td>
			  <td>${fn:escapeXml(item.startTimeFormatted) }</td>
			  <td>${fn:escapeXml(item.endTimeFormatted) }</td>
			  <td>
			  	<c:if test="${item.status eq 1 }">
			  	进行中……
			  	</c:if>
			  	<c:if test="${item.status eq 0 }">
			  	已结束
			  	</c:if>
			  </td>
			</tr>
		  </c:forEach>
		</table>
	  </div>
	   
	  <br/>
      
      </c:if>
      </div>
      <div class="col-sm-1"></div><!--右侧不用-->
    </div>
 
    <jsp:include page="../Common/Footer.jsp"></jsp:include>

</div>

 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="<%=request.getContextPath()%>/static/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<%=request.getContextPath()%>/static/js/bootstrap.min.js"></script>
    
    <script type="text/javascript">
    window.addMessageBusy = false;
    
    $(document).ready(function() {
    	$("a.addMessageLink").click(function() {
			if (window.addMessageBusy) return false;
			window.addMessageBusy = true;

			$("a.addMessageLink").addClass("disabled");
			
    		var destination = $(this).data("destination");
    		
    		var postData = {destination : destination};
    		$.ajax({
    			method: "POST",
    			url: "<%= request.getContextPath()%>/Message/AddMessage",
    			contentType : "application/json",
    			data: JSON.stringify(postData),
    			dataType : "json",
    			success: function(data) {
    				if (data.status == 0) {
    					alert("申请成功！");
    				} else {
    					alert(data.message);
    				}
    			},
    			error: function() {
    				alert("服务器连接失败！");
    			},
    			complete: function() {
    				$("a.addMessageLink").removeClass("disabled");
    				window.addMessageBusy = false;
    			}
    		});
    		
    		
    		return false;
    	});
    });
    
    </script>
</body>
</html>